<template>
  <div class="info">
    <!-- <p class="title">
      <i></i>
      病毒信息
    </p> -->
    <div class="content">
        <p>{{dataList.note1}}</p>
        <p>{{dataList.note2}}</p>
        <p>{{dataList.note3}}</p>
        <p>{{dataList.remark1}}</p>
        <p>{{dataList.remark2}}</p>
        <p>{{dataList.remark3}}</p>
    </div>
  </div>
</template>

<script>
export default {
  name: "Covid19Info",
  props: ["dataList"],
  data() {
    return {};
  },
  created() {},
  methods: {}
};
</script>

<style scoped lang="less">
.info {
  padding: 0.16rem;
  background: #fff;
  border-bottom: 1px solid #f1f1f1;
  .title {
    font-size: 0.17rem;
    i {
      display: inline-block;
      width: 0.04rem;
      height: 0.16rem;
      margin-right: 0.03rem;
      vertical-align: middle;
      background: #4169e2;
    }
  }
  .content {
    padding: 0.16rem 0.16rem;
    p {
      font-size: 14px;
      margin: 5px 0;
      color: #333;
    }
  }
}
</style>
